﻿.login-box {
    text-align:left;
    width:300px;
}

.prettygrid {
    border: solid 1px #cccccc;
    border-right: 0px;
    width: 100%;
}

.prettygrid td, .prettygrid th {
    padding: 4px 2px 4px 0px;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}

.prettygrid th {
    text-align: center;
    white-space: nowrap;
    border: solid 1px #555555;
}

.prettygrid td, .prettygrid tr, .prettygrid th {
    text-indent: 5px;
    padding-left: 0px;
    padding-right: 4px;
    vertical-align: middle;
}

.prettygrid .prettygrid-row i, .prettygrid .prettygrid-rowalt i { font-size: 13pt; }

.prettygrid .prettygrid-row:hover, .prettygrid-rowalt:hover {
    background-color: #C5E0F3;
    color: black;
}

.prettygrid .prettygrid-row:hover a:not([disabled=disabled]), .prettygrid-rowalt:hover a:not([disabled=disabled]), .prettygrid-rowalt:visited a:not([disabled=disabled]) { color: black; }

.prettygrid.selectable td:hover { cursor: pointer; }

.prettygrid tr.selected {
    background-color: #0096d6;
    color: white;
}

.prettygrid tr.selected a { color: White; }

.prettygrid a { text-decoration: none; }

.prettygrid img.sort { margin: 0px 0px 0px 6px; }

.prettygrid .dropdownwithoptions {
    font-size: 14px !important;
    text-indent: 0px;
}

.prettygrid .dropdownwithoptions a { font-size: 14px !important; }

.prettygrid-header {
    background-color: #555555;
    border-bottom: solid 1px #cccccc;
    color: white;
    font-size: 10pt;
}

.prettygrid-header a {
    color: white;
    text-decoration: none;
}

.prettygrid-header a:hover {
    color: white;
    text-decoration: none;
}

.prettygrid-row {
    background-color: white;
    color: #767676;
    font-size: 10pt;
}

.prettygrid-rowalt {
    background-color: #e5e8e8;
    color: #767676;
    font-size: 10pt;
}

.prettygrid-empty {
    color: #1d95cb;
    padding: 0px;
    margin: 0;
}

/****************** paging ************/

.paging {
    border: solid 1px #ccc;
    padding: 5px;
    background-color: White;
    margin: 10px 0px 0px 0px;
    text-align: right;
    color: #007DBA;
}

.paging span {
    display: inline;
    font-weight: normal;
    cursor: pointer;
    margin: 0px 2px 0px 2px;
}

.paging .p { float: left; }

.paging span.sel {
    font-size: larger;
    font-weight: bold;
}

/* PAGING NEW */

.pagingcontainer {
    text-align: left;
    margin: 10px 0px 10px 0px;
    line-height: 21px;
    vertical-align: middle;
    color: #555555;
}

.pagingcontainer h1 {
    font-size: 14pt;
    font-weight: normal;
}

.pagingheader {
    font-size: 14pt;
    font-weight: normal;
    color: #555555;
}

.pagingtextsmall {
    font-size: 10pt;
    font-weight: normal;
    font-weight: bold;
}

.pagingtexthilite a {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

.paginggotopage {
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.paginggotopage i {
    border: solid 1px #ccc;
    padding: 6px;
    margin: 0px 6px 0px 6px;
    color: #555555;
}

.paginggotopage i:hover { color: #CCC; }

.paginggotopage a {
    text-decoration: none;
    color: #555555;
}

.paginggotopage a:hover {
    text-decoration: none;
    color: #CCC;
}

.paginggotopageselected {
    font-size: 12pt;
    font-weight: bold;
}

/*************************************/